<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >

<head>
    <th:block th:include="include :: header('日志信息')" />
    <link rel="stylesheet" th:href="@{/css/style.index.css}">
    <link rel="stylesheet" th:href="@{/css/table/bootstrap-table.css}">
    <!--<link rel="stylesheet" th:href="@{/css/multiselect/bootstrap-multiselect.css}">-->
    <link rel="stylesheet" th:href="@{/css/plugins.css}">
</head>
<style>
    .app-multi-select{

    }
</style>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">日志查询</div>
                <div class="card-body">
                    <form action="#!" method="post" class="form-horizontal form-search">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">应用名称</label>
                                    <div class="pull-left w-120-calc">
                                        <select name="appName" id="app-name-select"  class="select-chosen" data-placeholder="请选择应用名称"  multiple>
                                        </select>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label"><span class="text-danger"></span> 环境</label>
                                    <div class="pull-left w-120-calc">
                                        <select id="env-select" name="env" class="form-control" >
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label"><span class="text-danger"></span> 时间</label>
                                    <div class="pull-left w-120-calc">
                                        <!--<input class="form-control mdi mdi-calendar" id="reportrange" type="text" name="dateTime" placeholder="yyyy-MM-dd HH:mm:ss" />-->
                                        <div class="form-control mdi mdi-calendar" id="reportrange"><span ></span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label"><span class="text-danger">*</span> TraceId</label>
                                    <div class="pull-left w-120-calc">
                                        <input id="trace-id" type="text" class="form-control pull-left" name="traceId" value="" placeholder="请输入TraceId" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label"><span class="text-danger"></span> 日志级别</label>
                                    <div class="pull-left w-120-calc">
                                        <select name="level" class="form-control" id="log-level">
                                            <option value="">ALL</option>
                                            <option value="DEBUG">DEBUG</option>
                                            <option value="INFO">INFO</option>
                                            <option value="WARN">WARN</option>
                                            <option value="ERROR">ERROR</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4" style="text-align:left;">
                                <button type="button" style="margin-left:50px" id="btn_query" class="btn btn-primary">查询</button>
                            </div>

                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label"><span class="text-danger">*</span> 内容</label>
                                    <div class="pull-left w-120-calc">
                                        <input id="content-input" type="text" class="form-control pull-left" name="content" value="" placeholder="请输入内容" />
                                    </div>
                                </div>
                            </div>


                        </div>

                    </form>
                </div>
            </div>
        </div>


        <div class="panel-body" style="padding-bottom:0px;">
            <table id="my-data-table"></table>
        </div>

    </div>



</div>

<!--<div class="panel-body" style="padding-bottom:0px;">
    <table id="tb_departments"></table>
</div>-->

<script type="text/javascript" th:src="@{/js/home/home.js}"></script>
<script type="text/javascript" th:src="@{/js/table/bootstrap-table.min.js}"></script>
<script type="text/javascript" th:src="@{/js/table/bootstrap-table-zh-CN.min.js}"></script>
<!--<script type="text/javascript" th:src="@{/js/multiselect/bootstrap-multiselect.js}"></script>-->
<script type="text/javascript" th:src="@{/js/plugins.js}"></script>
<script type="text/javascript" th:src="@{/js/app.js}"></script>

</body>
</html>